<!-- {% load staticfiles %} -->
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <!-- <link rel="stylesheet" href="{% static "css/bootstrap.css" %}"> -->
        <!-- <link rel="stylesheet" href="{% static "css/master.css" %}"> -->
        <link rel="stylesheet" href="../static/css/bootstrap.css">
        <link rel="stylesheet" href="../static/css/master.css">
        <link href="http://netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
        <script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
        <script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
        <title>Easyblog</title>
    </head>
    <body>
        <nav class="navbar navbar-default">
          <div class="container">
              <div class="navbar-header">
                <a class="navbar-brand" href="{% url 'index' %}" alt="Logo"></a>
              </div>
              <div>
                <ul class="nav navbar-nav">
                  <li><a href="#">home</a></li>
                  <li><a href="#">eassy</a></li>
                  <li><a href="#">about</a></li>
                </ul>
                <ul class="nav navbar-nav navbar-right">
                  <li class="dropdown">
    		              <a class="dropdown-toggle" data-toggle="dropdown" href="#"><i class="fa fa-user-circle-o pull-center fa-lg"></i> User
                              <span class="caret"></span></a>
    		              <ul class="dropdown-menu">
                			<li><a href="{% url 'login' %}">登录</a></li><li class="divider"></li>
                			<li><a href="{% url 'register' %}">注册</a></li><li class="divider"></li>
                			<li><a href="{% url 'logout' %}">注销</a></li><li class="divider"></li>
                			<li><a href="#">else</a></li>
            		      </ul>
            	   </li>
                </ul>
              </div>
            </div>
        </nav>
        <p></p>

        <div class="container container-small">
            <h1><font size="10" face="Microsoft YaHei" color="black">登录</font><br>

            </h1>
            <br>
            <form method="post">
                <div class="form-group">
                    <label>用户名:</label>
                    <div class="input-group">
                        <div class="input-group-addon"><i class="fa fa-user-o samll" aria-hidden="true"></i></div>
                        <input type="text" name="username" placeholder="用户名" class="form-control">
                    </div>
                </div>

                <div class="form-group">
                    <label>密码:</label>
                    <div class="input-group">
                        <div class="input-group-addon"><i class="fa fa-key small" aria-hidden="true"></i></div>
                        <input type="password" name="password" placeholder="密码" class="form-control">
                    </div>
                </div>
                <br>
                <div class="form-group">
                    <button type="submit" name="button" class="btn btn-primary btn-block">登录</button>
                </div>
            </form>
            <!-- style="padding-left:350px;" -->
            <div class="col-md-8">

            </div>
            <div class="col-md-4"  style="float:right;">
                <font size="3" face="YouYuan" color="grey">没有账号?</font>
                <a href="#">注册</a>
            </div>
        </div>
    </body>
</html>
